<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<!--div块级元素，每一个div都会自动换行-->
<!--块级元素自动换行  内联元素在一行-->
<div class="top" id="aa">
    <!--公司logo-->
    <!--快捷键  使代码自动对齐  ctrl+shift+f-->
    <!--    为了让公司logo这块居中，必须定义这块的宽度-->
    <div class="logo">
        <!--        leftDiv第一个div居左 第二个div居右rightDiv-->
        <div class="leftDiv">
            <img src="../img/logo_g0yv.jpg"/>
        </div>
        <div class="rightDiv">
            <div class="leftDiv">
                <img src="../img/phone.png" height="30" width="30"/>
            </div>
            <!--            字体编程白色-->
            <div class="rightDivFont leftDiv">028-8888888</div>
        </div>


    </div>
    <!--这是导航-->
    <div class="navBanner">
        <div class="nav">
            <ul class="nav-ul">
                <a href="home.html">
                    <li>网站首页</li>
                </a>
                <a href="company.html">
                    <li>公司简介</li>
                </a>
                <a href="news.html">
                    <li>新闻动态</li>
                </a>
                <a href="product.html">
                    <li>产品展示</li>
                </a>
                <a href="online.html">
                    <li>在线留言</li>
                </a>
                <a href="callus.html">
                    <li>联系我们</li>
                </a>
            </ul>
            <!--            <ol>-->
            <!--                <li>网站首页</li>-->
            <!--                <li>公司简介</li>-->
            <!--                <li>新闻动态</li>-->
            <!--                <li>产品展示</li>-->
            <!--                <li>在线留言</li>-->
            <!--                <li>联系我们</li>-->
            <!--            </ol>-->
        </div>
    </div>
    <!--这是广告-->
    <div class="ad">
        <div class="adContent">

            <div class="div1">品味生活·品味美食</div>
            <div class="div2">
                <p>一壶茶沏出了生活的醇美</p>
                <p> 一枝花开出了生活的鲜艳</p>
                <p> 一首诗吟出了生活的酸辛</p>
                <p> 一把火燃烧出了生活的激情</p>
                <p> 一枝笔绘出了人生的五彩缤纷</p>
                <p> 一首歌唱出了人生的喜怒哀惧</p>
                <p> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</p>
            </div>
            <div class="div3">
                <span>品味</span>
                <span>生活</span>
                <span>品味</span>
                <span>美食</span>
            </div>
            <div class="div4">
                新语餐饮给你生活指南
            </div>

        </div>

    </div>
</div>
</body>
</html>